<extend name="Base/common"/>

<block name="header">
	<div class="container">
		<div class="row">
			{:hook('homeSlide')}
		</div>
	</div>
</block>
<block name="body">
{:hook('homeFeature')}
	<div class="container box-ad">
		<div class="row ad-holder">
			<div class="hidden-xs col-sm-7">
				<div class="row home-web-guide">
					<ul class="list-inline">
						<volist name="channel" id="chan">
							<if condition="$chan['group'] eq '底部导航'" >
								<notempty name="chan['_']">
								  <li class="col-sm-2">
								      <p class="item-title">{$chan.title}</p>
									  <ul>
											<volist name="chan['_']" id="subChan">
												<li>
													<a href="{$subChan.url}">{$subChan.title}</a>
												</li>
											</volist>
									  </ul>
								  </li>
								</notempty>
							</if>
						</volist>
					</ul>
				</div>
			</div>
			<div class="col-xs-12 col-sm-5">
				<div class="row">
					<div class="col-xs-12 col-md-8">
						<p class="item-title">版权信息</p>
						<p>{:C('COPYRIGHT_ANNOUNCE')}</p>
					</div>
					<div class="col-md-4 home-qrcode">
						<img src="https://open.weixin.qq.com/qr/code?username={:C('WECHAT_NAME')}" alt="QRcode" />
					</div>
					<div class="col-xs-12 hidden-md hidden-lg">
						<p class="item-title">官方微信号：{:C('WECHAT_NAME')}</p>
						<p>长按此微信号可复制粘贴，在微信中添加好友。</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</block>

<block name="script">
    <!-- load simpleSlider JS -->
    <script type="text/javascript" src="__STATIC__/jquery-js/simpleslider/transit.js"></script>
    <script type="text/javascript" src="__STATIC__/jquery-js/touchSwipe.js"></script>
    <script type="text/javascript" src="__STATIC__/jquery-js/simpleslider/simpleslider.js"></script>
    <script>
        $(document).ready(function(){
            $(".slider").simpleSlider();
        });
        $(document).ready(function(){
            // Default options
            var options = {
                slides: '.slide', // The name of a slide in the slidesContainer
                swipe: true,    // Add possibility to Swipe > note that you have to include touchSwipe for this
                slideTracker: true, // Add a UL with list items to track the current slide
                slideTrackerID: 'slideposition', // The name of the UL that tracks the slides
                slideOnInterval: true, // Slide on interval
                interval: 5000, // Interval to slide on if slideOnInterval is enabled
                animateDuration: 1500, // Duration of an animation
                animationEasing: 'easeInOut', // Accepts: linear ease in out in-out snap easeOutCubic easeInOutCubic easeInCirc easeOutCirc easeInOutCirc easeInExpo easeOutExpo easeInOutExpo easeInQuad easeOutQuad easeInOutQuad easeInQuart easeOutQuart easeInOutQuart easeInQuint easeOutQuint easeInOutQuint easeInSine easeOutSine easeInOutSine easeInBack easeOutBack easeInOutBack
                pauseOnHover: false // Pause when user hovers the slide container
            };
            $(".slider").simpleSlider(options);
        });
    </script>
</block> <!-- 用于加载js代码 -->